<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'freightReport.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${staticPath }/static/bootstrap/bootstrap.min.css" />

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="${staticPath }/static/bootstrap/bootstrap-theme.min.css" />
</head>

<body style="margin:0;padding:0">	
	<div style="width:550; margin: 0 auto;margin-top:75px; float:left;">
	 	<p style="font-size:18px">月份：${dimensionDateStr}</p>
		<table class="table table-bordered" style="table-layout:fixed;">
			<tr class="info" >
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>商品图片</td>
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>商品名称</td>
				<td width="90" style='padding:8px 0;text-align:center;vertical-align:middle'>商品代码</td>
				<td width="80" style='padding:8px 0;text-align:center;vertical-align:middle'>商品尺寸</td>
				<td width="80" style='padding:8px 0;text-align:center;vertical-align:middle'>商品颜色</td>
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>月销量</td>
			</tr>
			<c:forEach items="${saleList}" var="sale">
				<tr>
					<td style="padding:0;"><img class="skuPic" style="width:80px;margin:10px;" src="${sale.skuPic}"/></td>
					<td style="padding:0;word-wrap:break-word;vertical-align:middle">${sale.itemName}</td>
					<td style="padding:0;word-wrap:break-word;vertical-align:middle">${sale.skuCode}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${sale.scale}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${sale.color}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${sale.monthlySales}</td>
				</tr>
			</c:forEach> 
		</table>
	</div>
	<div style="width:550px;  margin: 0 auto;margin-top:25px; float:left; margin-left: 20px">
		<div style="margin-top:10px;text-align: right;">
			<form action="/haierp1/bi/sale/selectSaleItemReportByMouth" method="post">
				按月查询：<input type="month" name="startTime" /> 
				<input type="submit" value="提交" />
				<a href="/haierp1/bi/sale/selectSaleItemReportByHistory" style="padding-left:5px;"><input type="button" value="切换到历史销售报表"/></a>	
			</form>
		</div>
	 	<p style="font-size:18px">月份：${dimensionDateStrOne}</p>
		<table class="table table-bordered" style="table-layout:fixed;">
			<tr class="info">
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>商品图片</td>
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>商品名称</td>
				<td width="90" style='padding:8px 0;text-align:center;vertical-align:middle'>商品代码</td>
				<td width="80" style='padding:8px 0;text-align:center;vertical-align:middle'>商品尺寸</td>
				<td width="80" style='padding:8px 0;text-align:center;vertical-align:middle'>商品颜色</td>
				<td width="100" style='padding:8px 0;text-align:center;vertical-align:middle'>月销量</td>
			</tr>
			<c:forEach items="${saleListOne}" var="saleOne">
				<tr>
					<td style="padding:0;"><img class="skuPic" style="width:80px;margin:10px;" src="${saleOne.skuPic}"/></td>
					<td style="padding:0;word-wrap:break-word;vertical-align:middle">${saleOne.itemName}</td>
					<td style="padding:0;word-wrap:break-word;vertical-align:middle">${saleOne.skuCode}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${saleOne.scale}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${saleOne.color}</td>
					<td style="padding:0;word-wrap:break-word;text-align:center;vertical-align:middle">${saleOne.monthlySales}</td>
				</tr>
			</c:forEach>
		</table>
	</div>
</body>
</html>





